@charset "utf-8";
body,html{
	width:100%;
	height: 100%;
}
body{
	font-size:12px;
	font-family:"microsoft yahei";
	background-color: #fff;
	min-width: 1200px;
}
div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	/*width: 100%;*/
	border: none;
}
a{
	text-decoration: none;
	color:#fff;
	font-size: 12px;
	font-family:"microsoft yahei";
}
a:hover{
	transition:all 0.5s ease 0s;
}
.fl{float: left;}
.fr{float: right;}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/**************************************banner*****************************************/
.xctk-banner{ width: 100%;height: 700px;position: relative;}
.xctk-banner .banner_01{width: 100%;height:220px; background: url(../../../picture/nbanner_01.jpg) center center  no-repeat;}
.xctk-banner .banner_02{width: 100%;height:267px; background: url(../../../picture/nbanner_02.jpg) center center  no-repeat;}
.xctk-banner .banner_03{width: 100%;height:213px; background: url(../../../picture/nbanner_03.jpg) center center  no-repeat;}
.buy-now{position: absolute;bottom: 210px; left: 26.5%; background: #d4e213;width: 260px;height: 55px;line-height: 55px;border-radius: 3px;}
.buy-now a{display: block;color: #111; font-size: 21px; border-radius: 3px;text-align: center;}
.buy-now:hover{background: #c9c314;}

/**************************************classify-nav*****************************************/
.classify-nav{background:#f6f6f6;width: 100%;height: 280px;}
.classify-nav .cn-main{width: 1200px;height: 100%; padding-top: 50px;margin: auto;}
.xc-amoy{float: left; width: 300px; text-align: center;}
.xc-amoy .xc-amoy-img{width: 130px;height: 130px;margin: auto;border-radius: 100%;}
.elementary{background: url(../../../picture/xctk_elementary.png) center center no-repeat;}
.software{background: url(../../../picture/xctk_software.png) center center no-repeat;}
.share{background: url(../../../picture/xctk_share.png) center center no-repeat;}
.update{background: url(../../../picture/xctk_update.png) center center no-repeat;}
.xc-amoy-img:hover{
	-webkit-animation: myrotate 0.5 forwards;
	-moz-animation: myrotate 0.5s forwards;
	animation: myrotate 0.5s forwards;
}
@-webkit-keyframes myrotate {
	0% {
		-webkit-transform: rotateY(0deg)
	}
	100% {
		-webkit-transform: rotateY(180deg)
		/* translate3d(0px, 0px, 0px)*/
	}
}

@-moz-keyframes myrotate {
	0% {
		-webkit-transform: rotateY(0deg)
	}
	100% {
		-webkit-transform: rotateY(180deg)
	}
	/* translate3d(0px, 0px, 0px)*/
}

.xc-amoy-desc h1{font-size: 24px;color: #444444; margin: 15px 0 5px 0;}
.xc-amoy-desc h2{font-size: 15px;color: #989898;}

/**************************************小草微信淘客展示*****************************************/
.xs-main,.xctk_main_t .xs-main,.news .xs-main{width: 1200px;height: auto;margin: auto;text-align: center;margin-bottom: 55px;}
.xs-main h1,.xctk_main_t .xs-main h1,.news .xs-main h1{font-size: 30px;padding-top: 70px;font-weight: bold;}
.xctk_main_t .xs-main h1{padding-top: 0;}
.news .xs-main h1{padding-top: 20px;}
.xs-main p,.xctk_main_t .xs-main p,.news .xs-main p{width: 82px; height: 2px;background: #333;margin: auto;margin-top: 20px;margin-bottom: 10px;}
.xs-main h2,.xctk_main_t .xs-main h2,.news .xs-main h2{font-size: 16px;color: #686868;}
.xctk_main_t .xs-main {margin-bottom: 0;}
.xctk-pc-wap-show{width: 100%; margin: 0 auto ;}
.pc-wap-show{width: 1200px;height: 570px;margin: auto;}
.pc-box{position: relative;width: 790px;height: 570px;float: left;}
.pc-box .image-slider{width: 742px;height: 510px;margin: auto;position: relative;background: url(../../../picture/show_ipad.png) center center no-repeat;}
.pc-box .image-slider-contents{position: absolute;width:558px;height: 398px;left: 101px;top: 29px;}
.pc-box .contents-wrapper{width: 100%;height: 100%;overflow: hidden;position: relative;white-space: nowrap;}
.pc-box .contents-wrapper div {display: inline-block;}
.pc-box .outer{ position: relative;width: 562px;height: 403px;}
.pc-box .spic{width: 562px;height: 403px;margin-right: 92px;}
.pc-box .spic img{display: block; width: 100%;height: 100%;border-radius: 3px;}

.pc-box .pc-zhezhao{background:url(../../../picture/mirror.png) center center no-repeat rgba(0,0,0,0.5);
	width:562px ;height: 403px;position: absolute;left: -562px;}
.pc-box .contents-wrapper:hover .pc-zhezhao{
	-webkit-animation-name: zhezhao ;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: zhezhao ;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	animation-name: zhezhao ;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes zhezhao{
	from{left: -562px;}
	to{left: 0;}
}

@-moz-keyframes zhezhao{
	from{left: -562px;}
	to{left: 0;}
}
@keyframes zhezhao{
	from{left: -562px;}
	to{left: 0;}
}

.pc-prev,.pc-next,.wap-next,.wap-prev{position: absolute;width: 64px;height: 64px;top: 200px;}
.pc-prev i,.pc-next i,.wap-next i,.wap-prev i{font-size: 60px;color: rgba(180,180,180,.25);}

.pc-prev,.wap-prev{left: 0;}
.pc-prev{left: 10px;}
.pc-next,.wap-next{right: 0;}

.pc-prev i:hover,
.pc-next i:hover,
.wap-prev i:hover,
.wap-next i:hover{ 
	-webkit-animation-name: pwbtn ;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: pwbtn ;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	animation-name: pwbtn ;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes pwbtn{
	from{color: rgba(180,180,180,.25);}
	to{color: rgba(0,0,0,.3);}
}

@-moz-keyframes pwbtn{
	from{color: rgba(180,180,180,.25);}
	to{color: rgba(0,0,0,.3);}
}
@keyframes pwbtn{
	from{color: rgba(180,180,180,.25);}
	to{color: rgba(0,0,0,.3);}
}

.wap-box {position: relative;width: 365px;height: 570px;float: right;}
.wap-box .image-slider{width: 314px;height: 490px;margin: auto;position: relative;background: url(../../../picture/show_iphone.png) center center no-repeat;}
.wap-box .image-slider-contents{position: absolute;width:203px;height: 339px;left: 55px;top: 57px;
/*top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);*/
}
.wap-box .contents-wrapper{width: 100%;height: 100%;overflow: hidden; position: relative;white-space: nowrap;}
.wap-box .contents-wrapper div {display: inline-block;}
.wap-box .outer{ position: relative;width:215px;height: 348px;}
.wap-box .spic{width: 215px;height: 348px;margin-right:49px;}
.wap-box .spic img{display: block; width: 100%;height: 100%;border-radius: 3px;}

.wap-box .pc-zhezhao{background:url(../../../picture/mirror.png) center center no-repeat rgba(0,0,0,0.5);
	width:215px ;height: 348px;position: absolute;left: -215px;}
.wap-box .contents-wrapper:hover .pc-zhezhao{
	-webkit-animation-name: zhezhao ;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: zhezhao ;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	animation-name: zhezhao ;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes zhezhao{
	from{left: -215px;}
	to{left: 0;}
}

@-moz-keyframes zhezhao{
	from{left: -215px;}
	to{left: 0;}
}
@keyframes zhezhao{
	from{left: -215px;}
	to{left: 0;}
}

.pc-wap-info{width: 100%;height: 40px;line-height:40px;color:#686868 ;font-size: 20px;text-align: center;}
.pw-info{margin-top: 20px;}

.closebp,.closebpw{background: #fff;width: 50px;height: 50px;border-radius:100% ; line-height: 46px;text-align: center;float: right;margin-right: 50px;margin-top: -70px;}
.closebp i,.closebpw i{font-size:30px;}

.show-big-img,.show-big-imgw{width: 100%;height: 100%;background: rgba(0,0,0,0.5); display: none;left:0;top: 0;padding-top: 80px; position: fixed;z-index: 999;}
.pcb1,.pcb2,.pcb3,.wapb1,.wapb2,.wapb3{float: left;position: absolute;}
.pcb2,.wapb2{left: 1920px;}
.pcb3,.wapb3{left: 3840px;}
.outer-bg-img{position: relative; width: 80%;height: 95%;margin: auto;white-space: nowrap;}
.outer-bg-imgw{position: relative; width: 25%;height: 98%;margin: auto;white-space: nowrap;}
.outer-bg-img div,.outer-bg-imgw div{width: 100%;height: 100%;}
.outer-bg-img div img,.outer-bg-imgw div img{display: block;width: 100%;height: 100%;}
.xczuo,.xcyou,.xczuow,.xcyouw{width: 60px;height: 60px;position: absolute;top:50%;}
.xczuo,.xczuow{left: 50px;}
.xcyou,.xcyouw{right: 50px;}
.xczuo i,.xcyou i,.xczuow i,.xcyouw i {font-size: 60px;color: rgba(0,0,0,0.5);}

/**************************************特色功能*****************************************/
.xctk_main_t{width: 100%; background:#f2f2f2; padding:50px 0;margin-top: 50px;}
.show-view{width: 1200px;margin: auto;text-align: center;margin-top: 35px;}
.sv-title1{color: #333;font-size: 25px;color: #298ee8;}
.sv-title2{color: #999;font-size: 20px;margin: 10px 0;}
.sv-title3{width: 190px;height: 50px;margin: auto;line-height: 50px;border-radius: 4px;}
.sv-title3 a{background: #298ee8; display: block;width: 100%;height: 100%; color: #fff;font-size: 18px;border-radius: 4px;}
.sv-title3 a:hover{background: #2480d1;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}
/**************************************淘客经验交流*****************************************/
.news{width: 100%;height:655px;}
.news .news-content{width:1200px;margin: auto;}

.news .news-content .li{padding:10px;background:#fff;width:292.5px;height:340px;float:left; box-shadow:0 0 5px #ccc;
transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.news .news-content .li:hover{box-shadow:0 0 10px rgba(100,100,100,0.4)}
.news .news-content .li.ml10{margin-left:10px;}
.news .news-content .thumb{padding-top:0px;position:relative}
.news .news-content .thumb img{display:block;margin:auto;width:100%;}
.news .news-content .title{font-size:16px;color:#333;font-weight:bold;height:35px;overflow:hidden;line-height:35px;}
.news .news-content .title:hover{color:#4e8cee;}
.news .news-content .text{margin-top:2px;font-size:14px;color:#888;line-height:24px;overflow:hidden;height:72px;}
.news .news-content .ctime{color:#b7b7b7;font-size:12px;text-align:right;margin-top:10px;}
.news .news-content .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.news .news-content .mask img{display:block;margin:80px auto 0;width:125px;}
.news .news-content .more{text-align:center;margin:40px auto 0;width:178px;height:42px;line-height:42px;border:1px solid #888;color:#666;border-radius:20px;}
.news .news-content .more:hover{background:#5999ff;color:#fff;border:1px solid #5999ff;}
.icon-shizhong{color: #ccc;vertical-align: middle;}
/**************************************footer*****************************************/
#footer {width: 100%;}
#footer .footer_top {width: 100%;height: 330px;background:#2d2d2d;color:#5d5d5d;overflow: hidden;}
#footer .footer_top_box {width:980px;height: 330px;margin: 0 auto;padding-top: 40px;}
#footer .footer_top li a{color: #575757;font-size:14px ;text-decoration: none;}
#footer .footer_top li a:hover{color: #8e8e8e;text-decoration: none;}
#footer .footer_top_box h1 {color: #999;font-size: 15px; font-weight: bold;margin-bottom: 10px;}
#footer .footer_top .footer_top_box .footer_top_box_li {width: 220px; float: left;line-height:30px;}
#footer .footer_top .footer_top_box .footer_top_box_focus {float: left;line-height:30px;}
#footer .footer_top .footer_top_box .footer_top_box_focus h1 {padding-left:20px ;}
#footer .footer_top .footer_top_box .footer_top_box_focus li{float: left;width: 150px;text-align: center;}
#footer .footer_top .footer_top_box .footer_top_box_focus span{display: block;}
#footer .footer_bot {width: 100%;height:110px;background-color: #000;color: #8e8e8e;font-size: 14px; text-align: center;padding-top: 20px;line-height:25px;}
#footer .footer_bot i {color: #2590DC;}
#footer .footer_bot span {margin-right:15px ;}
#footer .footer_bot a{color: #8e8e8e;}
/**************************************悬浮*****************************************/
#right-susp {position:fixed; right:1px; top:50%; z-index:100;width: 60px;height: 240px;}
#right-susp div{margin-top: 5px;}
#right-susp div a.susp-bg {display: block;width: 60px; height: 60px;}

#right-susp .susp-ser1 a.susp-bg{background: url(../../../picture/r_nav2g.png) no-repeat;}
#right-susp .susp-ser1 a.susp-bg:hover{background: url(../../../picture/r_nav2.png)  no-repeat;}

#right-susp .susp-wechat a.susp-bg{background: url(../../../picture/r_nav1g.png) no-repeat;}
#right-susp .susp-wechat a.susp-bg:hover{background: url(../../../picture/r_nav1.png) no-repeat;}


#right-susp .susp-gotop a.susp-bg {background: url(../../../picture/r_nav3g.png) no-repeat;}
#right-susp .susp-gotop a.susp-bg:hover{background: url(../../../picture/r_nav3.png) no-repeat;}

.xc-wechat-box,.xc-qq-box{width: 140px; height: 175px; position:absolute;top:60px; right:60px;padding:6px 10px; background: url(../../../picture/arrow_bg.png) no-repeat;display:none;}
.xc-qq-box{top: 0;}
.qq-title{font-size: 18px;color: #298eea;text-align: center;}
.qq-time{font-size: 12px;color: #999;margin: 5px 0 3px 0;text-align: center;}
.xc-wechat-box .box-border .sev-t {width: 100%;height: 100%;}
.xc-wechat-box .box-border .sev-t img{display: block; width:98px;height: 98px; border:1px solid #ccc;margin-left: 7px;}
.weixin{background: url(../../../picture/weixin.png) left no-repeat ;margin :7px auto;text-align: center;width: 94px;}
.QQ{background: url(../../../picture/qq.gif) left no-repeat ;width: 94px;height: 30px;line-height: 35px;margin: auto;cursor: pointer;}
.weixin span{margin-left: 20px;font-size: 12px;color: #999;}
.QQ a {display: inline; margin-left: 35px;color: #BBB5B5;}
.xc-wechat-box .box-border .sev-t p{ display:block; font-size:14px; color:#298eea;text-align: center;}
.xc-qq-box .sev-t {border-bottom: 1px solid #ccc;padding-bottom: 5px;}

